<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="top"> 
        <div class="shadow"> 
            <div class="header title">
                <a href="#">新品推荐</a>
                <a href="#">在线购买</a> 
                <div class="logo">
                <img src="./image/top_title.png">
                </div>
                <a href="#">企业礼包</a>
                <a href="#">品牌介绍</a>
            </div>
            <div class="text">
                <img src="./image/The best pen is  just LAMY.png">
            </div>
        </div>
    </div>

    <div class="wel">
        <div class="shadow">
            <div class="welbox title">
                <div class="text">
                    <h1>Welcome to Lamy</h1>
                    <p>德国书写工具品牌<span>LAMY</span>始创人<span>C•Josef Lamy</span>于<span>1930</span>年在海德堡创立了欧瑟斯墨水笔制造厂。<span>1952</span>年，崭露头角的<span>LAMY</span>流线型墨水笔，震撼问世, 彰显公司的创新敏锐触觉。
                    </p>
                    <p>
                    <span>1966</span>年终于打造出令人耳目一新的现代经典之作<span>-LAMY 2000</span>系列。产品撮合了聚碳酸酯与不锈钢材质，绝妙的配搭，使之从芸芸众生的书写工具中脱颖而出，时至今日，依然在市场具有影响力。
                    </p>
                </div>
                <img src="image/welcome.png">
                <div class="video">
                    <div class="play">
                        <img src="image/video2.png">
                    </div>    
                </div>
            </div>
        </div>
    </div>

    <div class="series title">
        <h1><span>LAMY</span>各系列</h1>
        <ul>
        <li>
            <h2>【恒星系列 墨水笔】</h2>
            <p> LAMY 恒星系列延续LAMY的时尚造型<br>
               打造锦上添花的极致品质<br>
               笔身均由氧化独特的凹陷式笔握及弹性铜线笔夹组成<br>
               丰富颜色让 LAMY 恒星系列突破传统<br>
               散发无限的青春魅力。<br>
            </p>
        </li>
        <li>
            <h2>【狩猎系列 限量色墨水笔】</h2>
            <p>LAMY 狩猎系列色彩丰富，颜色亮丽<br>
               不仅是书写工具，同样是装饰品<br>
               笔身通体材质采用车用强力ABS材料<br>
               宽大的笔夹设计可随时夹在包带、牛仔裤、T恤袖口<br>
               让您感受方便且富有创意的携带方式<br>
            </p>
        </li>
        <li>
            <h2>【喜悦系列 美术笔】</h2>
            <p>LAMY 喜悦系列用以绘图、写艺术字、艺术签名<br>
               扁平状的笔尖设计，立体感极佳<br>
               1、1.5、1.9三种笔尖可供选择<br>
               粗细不等的立体字，让您随时感受变化的乐趣<br>
               复古的笔杆设计经典又与众不同，显示独特的欣赏品味<br>
            </p>
        </li>
        </ul>
        <button>
            <a href="#">了解详情</a>
            <img src="./image/arrow.png">
        </button>
    </div>
    
    <div class="picture">
        <div class="decoration">
            <div class="picturebox title">
                <img class="rypen" src="./image/图层 8.png"> 
                <div class="logo">LAMY</div>
            </div>
        </div>
    </div>

    <div class="saying">
        <div class="decoration">
            <p class="text1">From Germany</p> 
            <p class="text2">What people are saying?</p> 
            <div class="sayingbox">
                <img src="./image/touxiang.png">
                <p>
                使用令人难以置信的生产技术和坚持极高水平的精准要求，仅使用一种材质，也足以成就出这款永恒的设计。产品本身是体现不同加工程序和制造工艺。手工打磨的亚光拉丝表面充分体现了品牌对细节的注重。
                </p>
                <div class="box">  
                    <div class="special"></div>
                    <div></div>
                    <div></div>
                </div>
            </div> 
        </div>
    </div>

    <div class="products">
        <p class="text1">Choose</p>
        <p class="text2">Our products</p>
        <div class="productsbox title">
            <div class="r1">
            <img class="a" src="./image/product1.png"> 
            <img class="b" src="./image/product2.png">  
            </div>    
            <div class="r2">
            <img class="c" src="./image/product3.png"> 
            <img class="d" src="./image/product4.png">  
            </div>    
            <div class="r3">
            <img class="a" src="./image/product5.png"> 
            <img class="b" src="./image/product6.png"> 
            </div>    
        </div>
        <button>
            <a href="#">戳我速购</a>
            <img src="./image/arrow.png">
        </button>
    </div>

    <div class="news">
        <div class="decoration">
            <ul class="newbox title">
                <li>
                    <img src="./image/a1.png">
                    <p>
                        You make millions of decisions that is mean nothing , and then one day yourorder takes out life.
                    </p>
                </li>
                <li>
                    <img src="./image/a2.png">
                    <p>
                        It ' s sad when you realize you aren ' t is as important to someone as you thought you were .
                    </p>
                </li>
                <li>
                    <img src="./image/a3.png">
                    <p>
                        Love is unequal , so don't count howmuch one contributes , and which is more active .
                    </p>
                </li>
            </ul>
            <button>
                <a href="#">新品推荐</a>
                <img src="./image/arrow.png">
            </button>
        </div>
    </div>

    <div class="end">
        <div class="shadow">
            <div class="text">
                <div class="text1">
                CUTE
                <span>useful</span>
                </div>
                <div class="text2">
                LAMY
                </div> 
                <div class="text3">
                GOOD
                <span>simple</span>
                </div> 
            </div>
        </div>     
    </div>
    <div class="endtext"> &copy 凌美中国 2015 版权所有 不得转载 </div>
</body>
</html>